<template>
  <!--<div class="dashboard-editor-container">-->
    <!--<panel-group/>-->
    <!--<articleList></articleList>-->
<!--    <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 10px">-->
<!--      <line-chart-->
<!--        :chart-data="lineChartData"-->
<!--        :amountPayableData="amountPayableData"-->
<!--        :orderDate="orderDate"-->
<!--        :key="times"-->
<!--      />-->
<!--    </el-row>-->

  <!--</div>-->

</template>

<script>
import MsgCorner from "@/components/MsgCorner";
import PanelGroup from "./components/PanelGroup";
import LineChart from "./components/LineChart";
import RaddarChart from "./components/RaddarChart";
import PieChart from "./components/PieChart";
import BarChart from "./components/BarChart";
import TransactionTable from "./components/TransactionTable";
import TodoList from "./components/TodoList";
import BoxCard from "./components/BoxCard";
import articleList from "./components/articleList";

export default {
  name: "DashboardAdmin",
  components: {
    MsgCorner,
    PanelGroup,
    LineChart,
    RaddarChart,
    PieChart,
    BarChart,
    TransactionTable,
    TodoList,
    BoxCard,
    articleList
  },
  data() {
    return {
      lineChartData: {
        expectedData: [0],
        actualData: [0],
      },
      eachindex: [],
      amountPayableData: [],
      orderDate: [],
      times:null,
       saleData: {},
       daysBumner:"",
       days:30
    };
  },
  created() {
    this.getView();
  },
  methods: {

    getView() {
      view().then((res) => {
        this.eachindex = res.data;
        this.amountPayableData = [];
        this.orderDate = [];
        this.eachindex.forEach((item) => {
          this.amountPayableData.push(item.amount_payable);
          this.orderDate.push(item.order_date);
        });
        this.times = new Date().getTime()
      });
    },
  }
};
</script>

<style lang="scss" scoped>
 .details_Title {
    font-size: 18px;
    color: #409EFF;
  }
.dashboard-editor-container {
  padding: 60px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .msg-corner {
    position: absolute;
    top: 0px;
    border: 0;
    right: 0;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
